<script setup>
defineProps({
  msg: String,
  count: Number
})
const emits = defineEmits(['add']);
const add = () => {
  emits('add', 1)
}
</script>

<template>
  <div class="son">
    <p>{{ msg }}</p>
    <p>{{ count }}<button @click="add">+</button></p>
  </div>

</template>

<style scoped>
.son {
  border: 1px aqua solid;
  padding: 30px;
}
</style>